<template>
	<div>
		<div class="shower">
        	<div class="shower_pic">
        		<img src="../../assets/img/nofond.png">
        	</div>
        	<p class="shower_text">去其他页面看看吧！</p>
        	<div class="butindx" @click="backindex()">
        		<div class="butindex_pic">
        			<img src="../../assets/img/againyou.png">
        		</div>
        	    <p>回到首页</p>
            </div>
        </div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			backindex(){
			  this.$router.push({
			  	path:'/',
			  })	
			},
		}
	}
</script>

<style scoped="scoped">
.shower{
    margin-top: 1.95rem;
}
.shower_pic{
    width: 2.58rem;
    height: 2.58rem;
    margin: auto;
}
.shower_pic img{
    width: 100%;
    height: 100%;
}
.shower .shower_text{
    margin-top: .28rem;
    text-align: center;
    color: #999999;
    font-size: .24rem;
}
.butindx{
    width: 1.56rem;
    border: 1px solid #C2C9D3;
    color: #999999;
    font-size: .2rem;
    height: .44rem;
    margin: .3rem auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-radius: 0.08rem;
}
.butindex_pic{
    width: .2rem;
    height: .19rem;
}
.butindex_pic img{
    width: 100%;
    height: 100%;
}
.butindex_pic p{
    margin-left: .13rem;
}
</style>
